<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_categories.css">
</head>
<body>
<div class="header">头部</div>
<div class="main">
    <div class="main-left">
        <a href="#">
            <img src="../img/pro_categories_1.png" alt="pro_categories_1.png">
            <span>酒杯系列</span>
        </a>
        <a href="#" class="on">
            <img src="../img/pro_categories_2.png" alt="pro_categories_2.png">
            <span>香器系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_3.png" alt="pro_categories_3.png">
            <span>锡画系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_4.png" alt="pro_categories_4.png">
            <span>瓷锡系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_5.png" alt="pro_categories_5.png">
            <span>锡罐系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_6.png" alt="pro_categories_6.png">
            <span>锡雕系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_7.png" alt="pro_categories_7.png">
            <span>居家系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_8.png" alt="pro_categories_8.png">
            <span>斑锡系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_9.png" alt="pro_categories_9.png">
            <span>酒杯系列</span>
        </a>
        <a href="#">
            <img src="../img/pro_categories_10.png" alt="pro_categories_10.png">
            <span>经典案例</span>
        </a>
    </div>
    <ul class="main-right">
       <li>
           <img src="../img/pro_categories_11.png" alt="">
           <span>斑锡龙锡罐类</span>
       </li>
        <li>
            <img src="../img/pro_categories_12.png" alt="">
            <span>斑锡龙锡罐类</span>
        </li>
        <li>
            <img src="../img/pro_categories_13.png" alt="">
            <span>斑锡龙锡罐类</span>
        </li>
        <li>
            <img src="../img/pro_categories_14.png" alt="">
            <span>斑锡龙锡罐类</span>
        </li>
        <li>
            <img src="../img/pro_categories_15.png" alt="">
            <span>斑锡龙锡罐类</span>
        </li>
        <li>
            <img src="../img/pro_categories_16.png" alt="">
            <span>斑锡龙锡罐类</span>
        </li>

    </ul>
</div>
<footer>尾部</footer>
<script src="../lib/jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
</body>
</html>